<!DOCTYPE html>
<html>
<head>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/jsp/head.jsp"%>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/lib/bootstrap/css/bootstrap-tree.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/lib/bootstrap/css/bootstrap-tabs.css">

<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-tree.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-menu.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-tabs.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-accordion.js"></script>
<script src="${pageContext.request.contextPath}/static/js/menu.js"></script>
<script src="${pageContext.request.contextPath}/static/js/data/data.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">

$(function () {
	/*
    $('#leftMenu').BootstrapTree({
    	expand: false,
		url: basePath+'/TSysMenuController/getMenuList',
		id: 'menuId',
		pid: 'parMenuId',
		text: 'menuName',
		onLeafClick: function(data,node){
			var options = {
					id: data.menuId,
					name: data.menuName,
					url: basePath+data.url,
			}			
			$("#mainContent").BootstrapTabs('addTabItem',options);
		}
	});
    */
    
    $('#accordion').BootstrapAccordion({
    	height: '530px',
        items:[
            {
            	id: 11,
            	text: '菜单1',
				editor: {
					type: 'tree',
					options:{
				    	expand: true,
						data: treeData5.toTree('id','pid'),
						onLeafClick: function(data,node){
							var options = {
									id: data.id,
									name: data.text,
									url: basePath+data.url,
							}			
							$("#mainContent").BootstrapTabs('addTabItem',options);
						}
				    }
				},            	
            	active: true
            },
            {
            	id: 12,
            	text: '菜单2',
				content: 'aaaaaa',            	
            	active: false
            },
        ]
    });
    
    
    $("#mainContent").BootstrapTabs({
    	height: '500px',
    });
    
});

</script>
</head>

<body>

  

	<nav id="menu"></nav>
	
	<div class="row">
	    <div class="col-xs-2">
	        <div id="accordion"></div>
	        
	        <!--    
			<div class="list-group">
			    <div class="panel panel-default" style="overflow:auto;height:530px">
				    <a class="list-group-item active" data-toggle="collapse" data-parent="#accordion" data-target="#div1">我是列表项1</a>
					<div id="div1" class="collapse in">
		                <div id="leftMenu"></div>
		            </div>
				    <a class="list-group-item" data-toggle="collapse" data-parent="#accordion" data-target="#div2">我是列表项2</a>
					<div id="div2" class="collapse">
		                bbbbbbbb
		            </div>
				    <a class="list-group-item" data-toggle="collapse" data-parent="#accordion" data-target="#div3">我是列表项3</a>
					<div id="div3" class="collapse">
		                ccccccccc
		            </div>
	            </div>				    
			</div>
			-->				        
	    </div>

	    <div class="col-xs-10" style="overflow:auto">
	        <div id="mainContent"></div>	    
	        <!--  
	        <div id="mainContent">
				<ul class="nav nav-tabs">
				  <li class=""><a href="#home" data-toggle="tab">Home</a></li>
				  <li class="active"><a href="#org" data-toggle="tab">组织列表</a></li>
				</ul>
				<div class="tab-content">
                    <div class="tab-pane" id="home">...</div>
                    <div class="tab-pane active" id="org">
                        <iframe frameborder="no" width="100%" height="500px" src="${pageContext.request.contextPath}/jsp/applications/orgmain.jsp"></iframe>                        
                    </div>                    
                </div>
	        </div>
	        -->
	    </div>
	</div>


</body>

</html>